<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <th:block th:include="html/include :: header('wwDoc-关于')"/>
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
</head>
<body>
<!-- nav部分 -->
<div class="nav index">
  <div class="layui-container">
    <!-- 公司logo -->
    <div class="nav-logo">
      <a href="index.html">
        <img th:src="@{/img/LOGO5.png}" alt="wwDoc">
      </a>
    </div>
    <div class="nav-list">
      <button>
        <span></span><span></span><span></span>
      </button>
      <ul class="layui-nav" lay-filter="">
        <li class="layui-nav-item "><a href="/index">首页</a></li>
        <li class="layui-nav-item"><a href="product.html">帮助</a></li>
        <li class="layui-nav-item"><a href="https://gitee.com/macw/wwdoc" target="_blank">下载</a></li>
        <li class="layui-nav-item layui-this"><a href="/index/about">关于</a></li>
        <li class="layui-nav-item"><a href="/user/toLogin">登录/注册</a></li>
      </ul>
    </div>
  </div>
</div>
  <!-- banner部分 -->
  <div class="banner about">
    <div class="title">
      <p>关于Me</p>
      <p class="en">About Us</p>
    </div>
  </div>
  <!-- main部分 -->
  <div class="main-about">
    <div class="layui-container">
      <div class="layui-row">
        <ul class="aboutab">
          <li class="layui-this">个人简介</li><!--<li>招贤纳士</li><li>发展历程</li>-->
        </ul>
        <div class="tabIntro">
          <div class="content">
            <div class="layui-inline img"><img  th:src="@{/img/us_img1.jpg}" style=" width: 300px;height: auto;float: right"></div><div class="layui-inline panel">
              <p>90后少年，热爱写bug，热爱编程，热爱学习，分享一些个人经验，共同学习，少走弯路。Talk is cheap, show me the code!</p>
            </div>
          </div>
          <div class="content">
            <div class="layui-inline panel p_block">
              <p>如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是那人不灭的执念。</p>
            </div><div class="layui-inline img"><img style=" width: 300px;height: auto;float: left"  th:src="@{/img/us_img2.jpg}"></div>
              <p class="p_hidden">如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是那人不灭的执念。</p>
          </div>
          <div class="content">
            <div class="layui-inline img"><img style=" width: 300px;height: auto;float: right"  th:src="@{/img/us_img3.jpg}"></div><div class="layui-inline panel">
              <p>拥有双面的不仅是人生，还有Layui。一面极简，一面丰盈。极简是视觉所见的外在，是开发所念的简易。丰盈是倾情雕琢的内在，是信手拈来的承诺。一切本应如此，简而全，双重体验。</p>
            </div>
          </div>         
        </div>
        <div class="tabJob">
          <div class="content">
            <p class="title">前端开发工程师</p>
            <p>> 职位描述</p>
            <ol>
              <li>前端开发及维护工作；</li>
              <li>有良好的技术基础，熟悉 Web 标准，熟练掌握多种 Web 前端技术；</li>
              <li>掌握行业内流行的类库，Vue.js， React 等主流框架；</li>
              <li>参与公司前端工程的设计、研发；</li>
              <li>了解不同浏览器之间的差异，移动设备之间的差异。</li>
            </ol>
          </div>
          <div class="content">
            <p class="title">IOS 开发工程师</p>
            <p>> 职位描述</p>
            <ol>
              <li>前端开发及维护工作；</li>
              <li>有良好的技术基础，熟悉 Web 标准，熟练掌握多种 Web 前端技术；</li>
              <li>掌握行业内流行的类库，Vue.js， React 等主流框架；</li>
              <li>参与公司前端工程的设计、研发；</li>
              <li>了解不同浏览器之间的差异，移动设备之间的差异。</li>
            </ol>
          </div>
          <div class="content">
            <p class="title">JAVA 工程师</p>
            <p>> 职位描述</p>
            <ol>
              <li>前端开发及维护工作；</li>
              <li>有良好的技术基础，熟悉 Web 标准，熟练掌握多种 Web 前端技术；</li>
              <li>掌握行业内流行的类库，Vue.js， React 等主流框架；</li>
              <li>参与公司前端工程的设计、研发；</li>
              <li>了解不同浏览器之间的差异，移动设备之间的差异。</li>
            </ol>
          </div>
        </div>
        <div class="tabCour">
          <p class="title">我们的蜕变</p>
          <ul class="timeline">
            <li class="odd">
              <div class="cour-img"><img  th:src="@{/img/us_img4.png}"></div>
              <div class="cour-panel layui-col-sm4 layui-col-lg5">
                <p class="label">2017 年 6 月</p>
                <p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
              </div>
            </li>
            <li>
              <div class="cour-img"><img  th:src="@{/img/us_img5.png}"></div>
              <div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
                <p class="label">2017 年 6 月</p>
                <p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
              </div>
            </li>
            <li class="odd">
              <div class="cour-img"><img  th:src="@{/img/us_img6.png}"></div>
              <div class="cour-panel layui-col-sm4 layui-col-lg5">
                <p class="label">2017 年 6 月</p>
                <p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
              </div>
            </li>
            <li>
              <div class="cour-img"><img  th:src="@{/img/us_img7.png}"></div>
              <div class="cour-panel layui-col-sm4 layui-col-sm-offset8 layui-col-lg5 layui-col-lg-offset7">
                <p class="label">2017 年 6 月</p>
                <p>我们成立了，来到了杭州西湖这个美丽的地方。</p>
              </div>
            </li>
            <li class="odd">
              <div class="cour-img"><img  th:src="@{/img/us_img8.png}"></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
<th:block th:include="html/footer"/>
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
  layui.config({
    base: '../res/static/js/' 
  }).use('firm'); 
</script>
</body>
</html>